<template>
  <div id='tmpl'>
        <!--新闻详情-->
        <div class="title">
           <h4 v-text="info.title"></h4>
           <p >{{info.add_time | datefmt('YYYY-MM-DD')}} {{info.click}}次浏览</p>
        </div> 
        <div class="content" v-html="info.content">
            内容
        </div> 
         <!--评论组件集成-->
         <comment :id='id'></comment>
  </div>
</template>
                   
<script>
import common from '../../kits/common.js' ; 
import comment from '../subcom/comment.vue';


export default {
   components:{
     comment
   },
   data () {
        return {
          id:0,
          info:{}            
       }
   },
   methods:{
      getinfo(){
        var url=common.apidomain + "api/getnew/"+this.id;
        // 发出ajax请求
        this.$http.get(url).then(function(res){
          var body = res.body;
          if(body.status != 0){
            alert(body.message);
            return;
          }
          this.info = body.message[0];
        })
      }
   },
   created(){
      this.id = this.$route.params.id;
      this.getinfo();
   }
}
</script>
                   
<style lang="css" scoped>
       .title h4{
          color: #0094ff;
       }  
       .title p{
         color:rgba(0,0,0,.4);
       }   
       .title,.content{
         padding:5px;
       }       
</style>